/* COLORS */
$black: #000;
$white: #fff;
$dark-gray: #7d7d7d;


/* font size */
$font-size-13: 0.93em;
$font-size-14: 1em;
$font-size-16: 1.14em;
$font-size-20: 1.43em;
$font-size-25: 1.79em;
$font-size-60: 4.29em;

/* font */
@mixin font-open_sansregular {
    font-family: 'open_sansregular', sans-serif;
}
@mixin font-open_sansbold{
  font-family: 'open_sansbold', sans-serif;
}
@mixin font-open_sanslight{
  font-family: 'open_sanslight', sans-serif;
}
@mixin font-tinosregular{
  font-family: 'tinosregular', sans-serif;
}
@mixin font-tinositalic{
  font-family: 'tinositalic', sans-serif;
}

/* effect */
@mixin effect {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@mixin border-radius-50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

@mixin border-radius-25 {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
}

@mixin border-radius($radius){
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  border-radius: $radius;
}

@mixin fontawesome {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@mixin sprites {
    background: url("../images/sprites.png");
    background-repeat: no-repeat;
}

@mixin clearfix {
    &:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
}

@mixin transition($time){
  transition: all #{$time}s ease-in;
  -moz-transition: all #{$time}s ease-in;
  -webkit-transition: all #{$time}s ease-in;
  -o-transition: all #{$time}s ease-in;
  -ms-transition: all #{$time}s ease-in;
}